<template>
    <MaskView :visible="visible">
        <div class="rule-dialog-view">
            <ScaleButton class="close-btn" src="04规则说明 弹窗页/关闭按钮.png" @MmvTap="handleClose"></ScaleButton>
            <MmvImage src="04规则说明 弹窗页/规则说明弹窗.png"></MmvImage>
        </div>
    </MaskView>
</template>

<script>
export default {
    name: 'RuleDialog',
    props: {
        visible: {
            type: Boolean,
            default: false,
        },
    },
    methods: {
        handleClose() {
            this.$emit('update:visible', false);
        },
    },
};
</script>

<style lang="scss" scoped>
.rule-dialog-view {
    position: relative;
}
.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1;
}
</style>
